<nz-spin [nzSpinning]="pageloading">
<div class="site-page-header-ghost-wrapper">
  <nz-page-header nzBackIcon="left" [nzGhost]="false">
    <nz-page-header-title>{{ 'person_center.title' | translate }}</nz-page-header-title>
    <nz-page-header-content>
      <nz-descriptions nzSize="small" [nzColumn]="1">
        <nz-descriptions-item [nzTitle]="'person_center.nickname'|translate">
          {{ userInfo.nickName || '-' }}
        </nz-descriptions-item>
        <nz-descriptions-item [nzTitle]="'person_center.username'|translate">
          {{ userInfo.username || '-' }}
        </nz-descriptions-item>
        <nz-descriptions-item [nzTitle]="'person_center.phone'|translate">
          {{ userInfo.phone || '-' }}
        </nz-descriptions-item>
        <nz-descriptions-item [nzTitle]="'person_center.email'|translate">
          {{ userInfo.email || '-' }}
        </nz-descriptions-item>
        <nz-descriptions-item [nzTitle]="'person_center.description'|translate">
          {{ userInfo.description || '-' }}
        </nz-descriptions-item>
      </nz-descriptions>
    </nz-page-header-content>
  </nz-page-header>
</div>
</nz-spin>